<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>复合选择器之伪类选择器</title>
    <style>
        /* 一：实际开发代码如下 给默认颜色和取消下划线 对准光标给另一种颜色和下划线 */
        a {
            color: gray;
            text-decoration: none;
        }
        a:hover {
            color: blue;
            text-decoration: underline;
            
        }
        /* 二：常规写法需按照如下顺序依次排列（a:link a:visite a:hover a:active） */
         /* 1：所有未被访问的链接 */
        /* a:link {
            color:#333;
            text-decoration: none;
        }
        2：已被访问的链接
        a:visited {
            color: orange;
         
        }
        3：光标悬浮的链接（最常用）
        a:hover {
            color: blue;
        }
        4：光标按下未弹起的链接
        a:active {
            color: green;
        } */
    </style>
</head>

<body>
    <!-- <a href="###">guangtouqiang</a> -->
    <a href="#">百度</a>
</body>

</html>